<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: wagger
  Date: 2019/04/27
  Time: 下午 8:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>Traveler博客系统 — 做一个孤独的旅行者，发现你的价值</title>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="description" content=">Traveler博客系统 — 做一个孤独的旅行者，发现你的价值">
    <LINK rel="Bookmark" href="/client/img/tou.ico" >
    <LINK rel="Shortcut Icon" href="/client/img/tou.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/staticRes/js/html5shiv.js"></script>
    <script type="text/javascript" src="/staticRes/js/respond.min.js"></script>
    <![endif]-->

    <link rel="stylesheet" type="text/css" href="/client/plugin/Hui-iconfont/1.0.8/iconfont.min.css" />
    <link rel="stylesheet" type="text/css" href="/client/css/common.css" />
    <link rel="stylesheet" type="text/css" href="/client/plugin/pifu/pifu.css" />
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css" type="text/css" />
    <%--滚动图--%>
    <link rel="stylesheet" href="/client/css/ft-carousel.css" />
    <style>
        body{margin: 0;font-family: "微软雅黑";background-color: #1F1F1F;}
        .example {width: 624px;height: 336px;font-size: 40px;text-align: center;margin: 20px auto;background-color: #464576;}
        .carousel-item{line-height: 336px;color: #fff;font-family:  Arial Black}
    </style>
    <!--[if lt IE 9]>
    <link href="/staticRes/lib/h-ui/css/H-ui.ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } function showSide(){$('.navbar-nav').toggle();}</script>
</head>
<body>
<jsp:include page="head.jsp"/>


<section class="container pt-20">
    <!--<div class="Huialert Huialert-info"><i class="Hui-iconfont">&#xe6a6;</i>成功状态提示</div>-->
    <!--left-->
    <div class="col-sm-9 col-md-9">
        <!--滚动图-->
        <div class="example">
            <div class="ft-carousel" id="carousel_3">
                <ul class="carousel-inner">
                    <li class="carousel-item"><img src="/client/img/temp/slide1.jpg"></li>
                    <li class="carousel-item"><img src="/client/img/temp/slide2.jpg"></li>
                    <li class="carousel-item"><img src="/client/img/temp/slide3.jpg"></li>
                    <li class="carousel-item"><img src="/client/img/temp/slide4.jpg"></li>
                    <li class="carousel-item"><img src="/client/img/temp/slide5.jpg"></li>
                </ul>
            </div>
        </div>

        <div class="mt-20 bg-fff box-shadow radius mb-5">
            <div class="tab-category">
                <a href=""><strong class="current">最新发布</strong></a>
            </div>
        </div>
        <div class="art_content">

            <ul class="index_arc">
                <c:forEach items="${list}" var="p">
                <li class="index_arc_item" style="height: 140px">
                    <input type="hidden" name="pid">
                    <a href="#" class="pic">
                        <img name="img" class="lazyload" data-original="${p.img}" alt="应该选" />
                    </a>
                    <h4 class="title"><a name="title" href="article_detail.html">${p.title}</a></h4>
                    <div class="date_hits">
                        <span><strong name="place">${p.place}</strong></span>
                        <span><i name="pagedate">${p.pagedate}</i></span>
                        <span><a name="labels" href="/article-lists/10.html">${p.labels}</a></span>
                        <p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i><i name="click"> ${p.click} </i></p>
                        <p class="commonts"><i class="Hui-iconfont" title="点击量">&#xe622;</i> <span class="cy_cmt_count"><i name="comment">${p.comment}</i></span></p>
                    </div>
                    <div class="desc"><strong name="page">${p.page}</strong></div>
                </li>
                </c:forEach>
            </ul>
        </div>
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-12 column" style="margin-left: 300px ">
                    <ul class="pagination" style="width: auto">
                       <c:choose>
                           <c:when test="${info.pageNum==1}">
                               <li class="disabled">
                                   <a href="#">上一页</a>
                               </li>
                           </c:when>
                        <c:otherwise>
                            <li>
                                <a href="/product/findAllProduct.do?currentPage=${info.pageNum-1}">上一页</a>
                            </li>
                        </c:otherwise>
                       </c:choose>
                        <c:forEach begin="1" end="${info.pages}" var="q">
                            <c:choose>
                                <c:when test="${info.pageNum == q}">
                                    <li class="active">
                                        <a href="#">${q}</a>
                                    </li>
                                </c:when>
                                <c:otherwise>
                                    <li>
                                        <a href="/product/findAllProduct.do?currentPage=${q}">${q}</a>
                                    </li>
                                </c:otherwise>
                            </c:choose>
                        </c:forEach>
                        <c:choose>
                            <c:when test="${info.pageNum == info.pages}">
                                <li class="disabled">
                                    <a href="#">下一页</a>
                                </li>
                            </c:when>
                            <c:otherwise>
                                <li>
                                    <a href="/product/findAllProduct.do?currentPage=${info.pageNum+1}">下一页</a>
                                </li>
                            </c:otherwise>
                        </c:choose>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--right-->
    <div class="col-sm-3 col-md-3">

        <!--站点声明-->
        <div class="panel panel-default mb-20">
            <div class="panel-body">
                <i class="Hui-iconfont" style="float: left;">&#xe62f;&nbsp;</i>
                <div class="slideTxtBox">
                    <div class="bd">
                        <ul>
                            <li><a href="javascript:void(0);">Traveler博客系统测试版上线，欢迎访问</a></li>
                            <li><a href="javascript:void(0);">内容如有侵犯，请立即联系管理员删除</a></li>
                            <li><a href="javascript:void(0);">仅供学习和参阅，不做任何商业用途</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!--分享-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>今日天气</strong></a>
            </div>
            <div class="panel-body">
                <iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=2&num=1" width="220" height="70" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
            </div>
        </div>

        <!--博主信息-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>博主信息</strong></a>
            </div>
            <div class="tab-category-item">
                <ul class="index_recd">
                    <li class="index_recd_item"><i class="Hui-iconfont">&#xe653;</i>姓名：Wagger</li>
                    <li class="index_recd_item"><i class="Hui-iconfont">&#xe70d;</i>职业：JavaWeb开发</li>
                    <li class="index_recd_item"><i class="Hui-iconfont">&#xe63b;</i>邮箱：<a href="mailto:464821357@qq.com">464821357@qq.com</a></li>
                    <li class="index_recd_item"><i class="Hui-iconfont">&#xe671;</i>定位：浙江 &middot; 温州</li>
                </ul>
            </div>
        </div>


        <!--热门推荐-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>热门推荐</strong></a>
            </div>
            <div class="tab-category-item">
                <ul class="index_recd">
                    <c:forEach items="${commentList}" var="p">
                    <li>
                        <a href="#">${p.title}</a>
                        <p class="hits"><i class="Hui-iconfont" title="点击量">&#xe622;</i> ${p.comment}</p>
                    </li>
                    </c:forEach>
                </ul>
            </div>
        </div>

        <!--点击排行-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>点击排行</strong></a>
            </div>
            <div class="tab-category-item">
                <ul class="index_recd clickTop">
                    <c:forEach items="${clickList}" var="p">
                        <li>
                            <a href="#">${p.title}</a>
                            <p class="hits"><i class="Hui-iconfont" title="点击量">&#xe6c1;</i>${p.click}</p>
                        </li>
                    </c:forEach>
                </ul>
            </div>
        </div>

        <!--标签-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>标签云</strong></a>
            </div>
            <div class="tab-category-item">
                <div class="tags">
                    <c:forEach items="${list}" var="p">
                    <a href="http://www.h-ui.net/">${p.labels}</a>
                    </c:forEach>
                </div>
            </div>
        </div>
        <!--图片-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>扫我关注</strong></a>
            </div>
            <div class="tab-category-item">
                <img data-original="/client/temp/gg.jpg" class="img-responsive lazyload" alt="响应式图片">
            </div>
        </div>

        <!--友情链接-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>隔壁邻居</strong></a>
            </div>
            <div class="tab-category-item">
                <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">百度</a></span>
                <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">淘宝</a></span>
                <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">腾讯</a></span>
                <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">慕课网</a></span>
                <span><i class="Hui-iconfont">&#xe6f1;</i><a href="#" class="btn-link">h-ui</a></span>
            </div>
        </div>
        <!--最近访客-->
        <div class="bg-fff box-shadow radius mb-20">
            <div class="tab-category">
                <a href=""><strong>最近访客</strong></a>
            </div>
            <div class="panel-body">
                <ul class="recent">
                    <div class="item"><img src="/client/img/40.jpg" alt=""></div>
                    <div class="item"><img src="/client/img/40.jpg" alt=""></div>
                    <div class="item"><img src="/client/img/40.jpg" alt=""></div>
                    <div class="item"><img src="/client/img/40.jpg" alt=""></div>
                </ul>
            </div>
        </div>






    </div>

</section>
<script type="text/javascript" src="/client/plugin/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/client/plugin/layer/3.0/layer.js"></script>
<script type="text/javascript" src="/client/plugin/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/client/plugin/pifu/pifu.js"></script>
<script type="text/javascript" src="/client/js/common.js"></script>
<script> $(function(){ $(window).on("scroll",backToTopFun); backToTopFun(); }); </script>
<script src="/client/plugin/jquery.SuperSlide/2.1.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="/client/plugin/jquery.SuperSlide/2.1.1/jquery.SuperSlide.min.js"></script>

<script src="/client/js/ft-carousel.min.js"></script>
<script type="text/javascript">
    $("#carousel_1").FtCarousel();
    $("#carousel_2").FtCarousel({
        index: 1,
        auto: false
    });
    $("#carousel_3").FtCarousel({
        index: 0,
        auto: true,
        time: 5500,
        indicators: false,
        buttons: true
    });
</script>
<script>
    $(function(){
//幻灯片
        jQuery(".slider_main .slider").slide({mainCell: ".bd ul", titCell: ".hd li", trigger: "mouseover", effect: "leftLoop", autoPlay: true, delayTime: 700, interTime: 2000, pnLoop: true, titOnClassName: "active"})
//tips
        jQuery(".slideTxtBox").slide({titCell: ".hd ul", mainCell: ".bd ul", autoPage: true, effect: "top", autoPlay: true});
//标签
        $(".tags a").each(function(){
            var x = 9;
            var y = 0;
            var rand = parseInt(Math.random() * (x - y + 1) + y);
            $(this).addClass("tags"+rand)
        });

        $("img.lazyload").lazyload({failurelimit : 3});
    });

</script>

</body>
</html>
